<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript导入方式</title>
    <script>
        console.log("这是一个JS导入的内联样式。")
    </script>
    <script src="./JavaScript/myJs.js"></script>
</head>
<body>
    <h1>这是一个学习JS导入方式的界面</h1>
    <!-- alert表示访问界面时的弹窗信息 -->
    <script>
        console.log("这是一个JS导入的内联样式。");
        alert("原神 启动！")  
    </script>
    <!-- 介绍JD中三种常用的变量声明类型 -->
    <script>
        var x;
        let y;
        const PI=3.14;
        console.log(x,y,PI);
        let name='如花';
        let empty_name=null
        console.log(name);
        console.log(empty_name);
    </script>

    <script>
        var person=new Object();
        person.name='孙悟空';
        person.age='18';
        console.log(person);
    </script>

    <script>
        var people={
            name:'猪八戒',
            age:'50'
        };
        console.log(people.name);
        console.log(people.age);
    </script>

    <script>
        var person01=new Object();
        person01.name='唐僧';
        person01.age='18';
        person01.nation='大唐';
        delete person01.age
        console.log(person01);

        for(var personKey in person01){
            var person01Val=person01[personKey];
            console.log(personKey + ':' + person01Val);
        }
    </script>
</body>
</html>